<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1149364_h9spdrejroa.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
    <script src="../js/base.min.js"></script>
</head>
<body id="body">
<header flex="main:center cross:center">
    <span>剁手一组.二组</span>
    <div flex="main:center cross:center">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <img src="../image/yuanquan.png"/>
    </div>
</header>
<!-- --------------------------------------------------------------------------- -->
<section id="banner">
    <div flex="cross:center">
        <div flex="cross:center">
            <img src="../image/sousuo.png"/>
            <input type="text" placeholder="请输入关键词进行搜索"/>
        </div>
    </div>
</section>
<!-- --------------------------------------------------------------------------- -->
<section id="jgq">
        <ul flex="cross:center">
            <li>
                <img src="../image/jgtb1.png"/>
                <p>随便写的</p>
            </li>
            <li>
                <img src="../image/jgtb2.png"/>
                <p>坚果炒货</p>
            </li>
            <li>
                <img src="../image/jgtb3.png"/>
                <p>果干蜜饯</p>
            </li>
            <li>
                <img src="../image/jgtb4.png"/>
                <p>果干蜜饯</p>
            </li>
        </ul>
        <ul flex="cross:center">
            <li>
                <img src="../image/jgtb5.png"/>
                <p>糖果糕点</p>
            </li>
            <li>
                <img src="../image/jgtb6.png"/>
                <p>五谷杂粮</p>
            </li>
            <li>
                <img src="../image/jgtb7.png"/>
                <p>饼干膨化</p>
            </li>
            <li>
                <img src="../image/jgtb8.png"/>
                <p>优惠专区</p>
                <div>
                    -40%
                </div>
            </li>
        </ul>
</section>
<!-- --------------------------------------------------------------------------- -->
<section id="go" flex="main:center">
    <img src="../image/go.png"/>
</section>
<!-- --------------------------------------------------------------------------- -->
<section id="yhms">
    <div flex="main:justify">
        <div class="yhq">
            <div class="yhq_1">
                <div flex="">
                    <h1>优惠券</h1>
                    <button>限时领取</button>
                </div>
                <p>刷新超低折扣价</p>
            </div>
            <div class="yhq_2" flex="cross:center">
                <img class="yhq_img1" src="../image/yhq1.png"/>
                <img class="yhq_img2" src="../image/yhq2.png"/>
                <button>-50￥</button>
            </div>
        </div>
        <div class="xsqg">
            <div class="yhq_1">
                <div flex="">
                    <h1>限时抢购</h1>
                    <button>售完为止</button>
                </div>
                <p>打破电商价格壁垒</p>
            </div>
            <div class="yhq_2" flex="cross:center">
                <img class="yhq_img1" src="../image/qianggou1.png"/>
                <img class="yhq_img2" src="../image/qianggou2.png"/>
            </div>
        </div>
    </div>
    <div flex="dir:top main:justify">
        <div class="jifen" flex="main:justify">
            <div flex="cross:center main:justify">
                <div>
                    <span>农庄有趣</span>
                    <p>当季蔬果抢鲜</p>
                </div>
                <img src="../image/nongzhuang.png" style="height: .69rem;width: .88rem"/>
            </div>
            <div flex="cross:center main:justify">
                <div>
                    <span>积分兑换</span>
                    <p>免费领好物</p>
                </div>
                <img src="../image/jifen.png" style="height: .71rem;width: .88rem"/>
            </div>
        </div>
        <div class="pintuan" flex="main:justify">
            <div flex="cross:center main:justify">
                <div>
                    <span>一元拼团</span>
                    <p>拼团享低价</p>
                </div>
                <img src="../image/pintuan.png" style="height: .86rem;width: .81rem"/>
            </div>
            <div flex="cross:center main:justify">
                <div>
                    <span>七折直销</span>
                    <p>买到就是赚到</p>
                </div>
                <img src="../image/qizhe.png" style="height: .67rem;width: .85rem"/>
            </div>
        </div>
    </div>
    <div class="scluntan" flex="main:justify cross:center">
        <img src="../image/sclt.png" style="width: .7rem;height: .72rem"/>
        <div >
            <div flex="cross:center">
                <button>热评</button><span>风味熟食-就爱这肉感！即食原味麻辣香辣即食原味麻辣香辣</span>
            </div>
            <div flex="cross:center">
                <button>热评</button><span>峰巢蜜蜂蜜天然野生蜂巢盒装纯农家自产新峰巢蜜蜂蜜天然</span>
            </div>
        </div>
    </div>
</section>
<!-- --------------------------------------------------------------------------- -->
<section id="spbf">
    <div flex="main:center cross:center">
        <div>
            <img src="../image/bofang.png" style="width: 1.05rem;height: 1.05rem"/>
            <p>播放视频</p>
        </div>
    </div>
</section>
<!-- --------------------------------------------------------------------------- -->
<section id="zgtj">
    <div class="biaoti" flex="cross:center">
        <div></div>
        <span>掌柜推荐</span>
        <p>High quality recommendation</p>
    </div>
    <div class="baihuami"   flex="main:justify cross:center">
        <div  flex="cross:center">
            <img src="../image/baihuami.png" style="height: 1.04rem;width: 1.61rem"/>
            <div>
                <h1>原生态野百花蜜</h1>
                <p>森农良品</p>
                <span>福建连城特产美食</span>
            </div>
        </div>
        <div  flex="cross:center">
            <img src="../image/yiner.png" style="height: 1.15rem;width: 1.48rem"/>
            <div>
                <h1>盛耳银耳白木耳</h1>
                <p>象湖人家</p>
                <span>福建银耳干货</span>
            </div>
        </div>
    </div>
    <div class="houtougu">
        <div  flex="">
            <div class="div1 div" flex="cross:bottom">
                    <div>
                        <p>东北野生猴头菇</p>
                        <span>健康美味干货</span>
                    </div>
                <img src="../image/houtougu1.png" style="width: 1.18rem; height: .77rem"/>
                <img src="../image/houtougu2.png" style="width: 1.57rem; height: .85rem"/>
            </div>
            <div class="div" flex="cross:bottom">
                <div>
                    <p>特产黑木耳干货</p>
                    <span>农家自产</span>
                </div>
                <img src="../image/heimuer1.png" style="width: .87rem; height: .89rem"/>
                <img src="../image/heimuer.png" style="width: 1.22rem; height: 1.19rem"/>
            </div>
        </div>
       <div  flex="">
           <div class="div3 div" flex="cross:bottom">
               <div>
                   <p>农家豆干</p>
                   <span>漳平特产</span>
               </div>
               <img src="../image/dougan1.png" style="width: .94rem; height: .89rem"/>
               <img src="../image/dougan2.png" style="width: .98rem; height: 1.29rem"/>
           </div>
           <div class="div" flex="cross:bottom">
               <div>
                   <p>草菇食用菌</p>
                   <span>个大肉厚</span>
               </div>
               <img src="../image/caogu1.png" style="width: .86rem; height: .91rem"/>
               <img src="../image/caogu2.png" style="width: 1.42rem; height: 1.37rem"/>
           </div>
       </div>
    </div>
</section>
<!-- --------------------------------------------------------------------------- -->
<section id="rxph">
    <div class="biaoti" flex="cross:center">
        <div></div>
        <span>热销排行</span>
        <p>Top selling</p>
    </div>
    <div class="houtougu">
        <div  flex="">
            <div class="div1 div" flex="cross:bottom">
                <div>
                    <p>大井头青豆腐竹</p>
                    <span>健康美味干货</span>
                </div>
                <img src="../image/fuzhu1.png" style="width: .68rem; height: 1.15rem"/>
                <img src="../image/fuzhu2.png" style="width: 1.74rem; height: 1.35rem"/>
            </div>
            <div class="div" flex="cross:bottom">
                <div>
                    <p>秘制辣猪肉条</p>
                    <span>美味香辣</span>
                </div>
                <img src="../image/zhuroutiao1.png" style="width: 1.14rem; height: .69rem"/>
                <img src="../image/zhuroutiao2.png" style="width: 1.5rem; height: .99rem"/>
            </div>
        </div>
        <div  flex="">
            <div class="div3 div" flex="cross:bottom">
                <div>
                    <p>客家炒米粉</p>
                    <span>手工米线</span>
                </div>
                <img src="../image/mifen1.png" style="width: .83rem; height: .83rem"/>
                <img src="../image/mifen2.png" style="width: 1.58rem; height: 1.03rem"/>
            </div>
            <div class="div" flex="cross:bottom">
                <div>
                    <p>麻辣香辣牛肉丝</p>
                    <span>龙岩特产</span>
                </div>
                <img src="../image/niurou1.png" style="width: 1.07rem; height: .73rem"/>
                <img src="../image/niurou2.png" style="width: 1.38rem; height: .94rem"/>
            </div>
        </div>
    </div>
</section>
<!-- --------------------------------------------------------------------------- -->
<footer id="footer" flex="main:justify cross:center">
    <div>
        <i class="iconfont icon-shouye"></i>
        <p class="p1">首页</p>
    </div>
    <div>
        <i class="iconfont icon-fenlei"></i>
        <p>分类</p>
    </div>
    <div>
        <i class="iconfont icon-gouwuche2"></i>
        <p>购物车</p>
    </div>
    <div>
        <i class="iconfont icon-weibiaoti2fuzhi12"></i>
        <p>个人中心</p>
    </div>
</footer>
</body>
</html>